<template>
	<view>
		
		<text class="zx">最新资讯</text>
		<u-tabs   name="cate_name" count="cate_count"  :list="list" :is-scroll="true" :current="current" @change="change"></u-tabs>
		
		<view class="b1" @click="aa">
		<text class="txt1" >
			云上2020中国品牌日活动启幕
		</text>
		<image src="../lb/img/玛奇玛.png" mode=""></image>
		<text class="wz">
			<text class="txt2">来源:新闻网</text>
			<text class="txt3">2020-7-14</text>
		</text>
		
		</view>
		<view class="b2" @click="aa" >
			<image src="../lb/img/电锯人.jpg" mode=""  ></image>
			<view class="b3">
				<text class="tt1">云南省昆明市盘龙区国际会展中性光产业规划纲要</text>
					<text class="text">
						<text class="txt2">来源：新华网</text>
						<text class="txt3">2020-07-13</text>	
				</text>
			</view>
			
			
		</view>
		
		<view class="b2">
			<image src="../lb/img/电锯人.jpg" mode=""></image>
			<view class="b3">
				<text class="tt1">云南省昆明市盘龙区国际会展中性光产业规划纲要</text>
					<text class="text">
						<text class="txt2">来源：新华网</text>
						<text class="txt3">2020-07-13</text>	
				</text>
			</view>
			
			
		</view>
		<view class="b1" @click="aa">
			
				<text class="tt2">云南省昆明市盘龙区国际会展中性光产业规划纲要</text>
					<text class="text1">
						<text class="txt2">来源：新华网</text>
						<text class="txt3">2020-07-13</text>	
				</text>
			
			
			
		</view>
	</view>
	
</template>
<script>
	
	export default {
			data() {
				return {
					list: [{
						cate_name: '全部'
					}, {
						cate_name: '新闻资讯'
					}, {
						cate_name: '展会公告',
	                   
					},
					{
						cate_name: '展商动态',
					   path:'zpdt1.vue'
					}
					],
					current: 0
				}
			},
			methods: {
				change(index) {
					if(index=4){
						uni.navigateTo({
							url:'./zpzt1'
						})
					}else {
						
					}
				},
				aa(){
					uni.navigateTo({
						url:'../lb/zxxq'
					})
				}
			}
		}
</script>
<style scoped>
	
	.zx{
		display: block;
		font-size: 25px;
		margin: 15px;
		font-weight: 600;
		text-align: center;
	}
	.b1{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		width: 100%;
		}
		.b1 image{
			display: block;
			text-align: center;
			width: 90%;
			margin: 0 auto;
			height: 200px;
			border-radius:15px ;
			}
			.b2{
				width: 100%;
				display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			}
			.b2 image{
				width: 40%;
				height: 130px;			border-radius:15px ;
				margin: 10px;
			}
				
			.b3{
				display: flex;
				flex-direction: column;
				width: 50%;
			}
			
			.text{
				margin-top:25% ;
			}
			.tt1{
				font-size: 18px;
				font-weight: 600;
			}.tt2{
				margin: 10px;
				font-size: 18px;
				font-weight: 600;
			}
	.txt1{
	font-size: 20px;	
	margin: 10px;
	}
	.wz{
		width: 90%;
		margin: 10px;
		}
	.txt2{
		font-size: 14px;
		color: #ccc;
	}
	
	.txt3{
		
		float: right;
		font-size: 14px;
		color: #ccc;
		}
		
		
.text1{
			margin: 10px;
			display: flex;
			width: 90%;
			flex-direction: column;
			}
</style>